<script>
export default {
    props: {
        panes: {
            type: Array,
            required: true
        }
    },
    render () {
        const contents = this.panes.map(pane => {
            return pane.active ? pane.$slots.default : null
        })
        return (
            <div class="tab-content">
                {contents}
            </div>
        )
    }
}
</script>